<template>
  <div>
    <Pannel>
      <!-- {{defaultObj.defaultTwo}} -->
      <!-- 
        scope是一个对象，这个对象中就保存了作用域插槽传递过来的属性
        如下：{       
          row: {defaultOne: "无名氏",
        defaultTwo: "小传同学"}
        }
       -->
      <template v-slot="scope">
        <!-- scope这个变量只能在当前的template标签内使用 -->
        {{ scope.row.defaultTwo }}
      </template>
    </Pannel>
    <!-- 
      作用域插槽的使用：
        什么是作用域插槽：需要通过slot属性传值给父组件使用的插槽叫作用域插槽
        使用步骤：
        1、在子组件中通过slot的属性设置需要传递给父组件使用的数据变量
        2、在父组件中通过template标签结合v-slot指令接收数据
     -->
  </div>
</template>

<script>
import Pannel from "./components/Pannel.vue"
export default {
  components: {
    Pannel
  }
}
</script>

<style>

</style>